<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Work Requirement 4 - JavaScript Lightbox</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/lightbox.css" />
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>
</head>

<body>

<div id="header">
  <h1><a href="index.html">Work Requirement 4</a></h1>
  <p>JavaScript Lightbox</p>
</div>

<div id="content">
  
  <div id="main">
    <h2>Photo gallery</h2>

    <p>
      <a href="images/photo1.jpg" title="Green Hills" rel="lightbox"><img src="images/thumbnail1.jpg" alt="Green Hills" /></a>
      <a href="images/photo2.jpg" title="VW Beetle" rel="lightbox"><img src="images/thumbnail2.jpg" alt="VW Beetle" /></a>
      <a href="images/photo3.jpg" title="Sky Tower" rel="lightbox"><img src="images/thumbnail3.jpg" alt="Sky Tower" /></a>
      <a href="images/photo4.jpg" title="Large Cogs" rel="lightbox"><img src="images/thumbnail4.jpg" alt="Large Cogs" /></a>
      <a href="images/photo5.jpg" title="Lighthouse" rel="lightbox"><img src="images/thumbnail5.jpg" alt="Lighthouse" /></a>
    </p>
    
  </div>

  <div id="navigation">
    <h2>Navigation</h2>
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="photos.html">Photos</a></li>
      <li><a href="contact-me.html">Contact Me</a></li>
    </ul>
  </div>

</div>

<div id="footer">
    <p>All content, unless othewise stated, are &copy; 2014 <strong>Your Name Here</strong>.</p>
</div>

</body>

</html>